<template>
  <el-footer style="padding: 0;background-color: #124b76;height:110px">
    <div class="page-footer">
      <div class="footer-left">
        <img class="footer-logo" src="../../../static/images/footer-logo.png"/>
        <div>
          <p>主办单位：重庆市生态环境局</p>
          <p>联系地址：重庆市旗山路252号</p>
        </div>
      </div>
      <div class="footer-right">
        <div>
          <p>技术支持单位：重庆知行数联智能科技有限责任公司</p>
          <p>Copyright 2016 Huanjinginfo-china.com. All rights reserved.</p>
        </div>
      </div>
    </div>
  </el-footer>
</template>

<script>
export default {
  name: "foo-ter",
  data() {
    return {
      username: ""
    };
  },
  created() {},
  methods: {}
};
</script>

<style scoped>
.page-footer{
  display: flex;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  justify-content: space-between;
  font-size: 14px;
  color: #fff;
}
.footer-left{
  display: flex;
  align-items: center;
}
.footer-right{
  display: flex;
  align-items: center;
}
.footer-left p:first-child,
.footer-right p:first-child{
  padding-bottom: 20px
}
.footer-logo{
  width: 144px;
  height: 39px;
  margin-right: 20px;
}
.nav-titel {
  margin: 0px 250px;
  background-color: rgba(38, 79, 142, 1);
}
</style>
